<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户注册</title>
<meta name="description" content="description"/>
<meta name="keywords" content="keywords"/> 
<meta name="author" content="author"/> 
<link rel="stylesheet" type="text/css" href="/site_media/css/style.css" media="screen"/>
<script type="text/javascript" src="/site_media/js/jquery-1.4.4.min.js"></script> 

<style type="text/css">
.hui {color:#666;}
.hei {color:#000;}
</style>
<script type="text/javascript">
function getCityOptions(province_id){
	$.ajax({
        type:"GET",
        url:"/getCityList?provinceID="+province_id,       
        dataType:'json',
        success: function(data,textStatus){
            var citySelect = document.getElementById("select_city");
            for ( var i=citySelect.options.length-1; i>-1; i--){   
                citySelect[i] = null;   
            }     
            if(data.length>0){ 
            	$("#id_city").val(data[0].text);
                for(i=0;i<data.length;i++){
                    citySelect.options[i] = new Option();   
                    citySelect.options[i].text = data[i].label;  
                    citySelect.options[i].value = data[i].text; 
                }
            }
        }  
        
    });       
}
function change_city(city_id){
	$("#id_city").val(city_id);
}
</script>
</head>


<body>
<div class="container">
	<div class="header">
	 <div id='headeryi'>	
		<div class="logo"></div>
	  </div>
	</div>
	<div class="topDivide">	</div>
	<div class="main">			
			<div id="login_left">
				<div id="login_left_image"></div>
				<div id="login_left_text">
					<p style="font-size:14px; font-weight:bold;">在这个网站:</p>
					<p>① 你的朋友们会分享他们最近的&nbsp;<image src='/site_media/css/images/动向.png'/>，比如唱K、逛街、旅游、打球等等，感兴趣就去参加</p>
					<p>② 参加朋友们发起的活动，你可以&nbsp;<image src='/site_media/css/images/认识.png'/>&nbsp;朋友们带去的美女帅哥</p>
					<p>③ 如果没有朋友...好吧，有一个叫&nbsp;<image src='/site_media/css/images/随遇.png'/>&nbsp;的功能是为你而设计的</p>
				</div>
			</div>
			
			<div id="login_center">
				<div id="register_chulaiba">
					<p>注册"<t style="color:#ff3366;">出</t><t style="color:#00cc00;">来</t><t style="color:#0099cc">吧</t>"帐号:</p>
					<form action="/register/" method="post">{% csrf_token %}
					    <table border="0" cellpadding="0" >
					        <tr><th>邮箱:</th><td>{{form.email}}</td></tr>
					        <tr><th></th><td>{{form.email.errors}}</td></tr>
					        <tr><th>昵称:</th><td>{{form.nickname}}</td></tr> 
					        <tr><th></th><td>{{form.nickname.errors}}</td></tr>
					        <tr><th>密码:</th><td>{{form.password}}</td></tr>
					        <tr><th></th><td>{{form.password.errors}}</td></tr>  
					        <tr><th>性别:</th><td>{{form.gender}}</td></tr>   
					        <tr><th>所在地:</th><td>{{form.province}}&nbsp;<select id="select_city" onChange="change_city(this.value)"><option value='1'>深圳</option> </select></td></tr>   
					        <tr><td>{{form.city}}</td></tr> 
					            
					        
					    </table>
		    			<p><input type="submit" id='register_submit' value=""/> <a href="{%url login%}">返回</a></p>
	    			</form>
    			</div>
			</div>
			<div id="login_right">
				<div id="login_right_image"></div>
				<div id="login_left_text">
					<p style="font-size:14px; font-weight:bold;">如果此刻不想登录：</p>
					<p>留下你的电子邮箱，以及你近期想要参加的活动，网站中有合适的人与活动时，我们就通知你</p>
					<div id='input_email'>
						<p><input type="text" class="hui" value="请输入你的邮箱" onclick="if(this.value=='请输入你的邮箱'){this.value='';this.className='hei'}" onblur="if(this.value==''){this.value='请输入你的邮箱';this.className='hui'}" /></p>
					</div>
					<div id='input_activity'>
						<p><input type="text" class="hui" value="请输入你想参加的活动" onclick="if(this.value=='请输入你想参加的活动'){this.value='';this.className='hei'}" onblur="if(this.value==''){this.value='请输入你想参加的活动';this.className='hui'}" />&nbsp;<a href=''>确定</a></p>
						
					</div>					
				</div>
			</div>						
		<div class="clearer"><span></span></div>

	</div><!-- end of main -->

</div><!-- end of container -->

<div class="footer">
	&copy; 2011 
</div>

</body>
</html>


